<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>调拨上架</title>
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link href="../../../css/AcmeMes.css" rel="stylesheet" />
		<!-- <link href="../../../css/layer.css" rel="stylesheet" /> -->
		<script src="../../../js/lib/jquery-2.1.1.min.js"></script>
		<script src="../../../js/lib/mui.min.js"></script>
		<script src="../../../js/lib/base64.min.js"></script>
		<script src="../../../js/config.js"></script>
		<script src="../../js/WMS/WMSWorkOrder_PutOn.js"></script>
		<script type="text/javascript">
		</script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav mui-bar-transparent">
			<h2 class="mui-title">Transfer and material requisition</h2>
		</header>
		<div class="mui-content" style="margin-top: 10px;">
			<form class="mui-input-group" style="background-color: rgba(0, 0, 0, 0);">
				<div class="mui-input-row" style="height: 40;">
					<label>OrderNO</label>
					<input type="text" class="mui-input-clear" placeholder="OrderNO" id="TradeNO">
				</div>
				<div class="mui-input-row" style="height: 40px;">
					<label>OrderDate</label>
					<input type="date" class="mui-input-clear" id="Creatime">
				</div>
				<br />
				<div class="mui-input-row" id="Query" style="height: 36px;">
					<button id="btn" class="mui-btn-primary" style="margin-left: 35%; width: 30%;" id="Select"
						onclick="showinfo(event)">
						Query</button>
				</div>
			</form>
			<div class="job-box">
				<ul class="mui-table-view" id="all">
					<!-- 					<li class="mui-table-view-cell">
						<div class="list-title">Order #12345</div>
						<div class="list-detail">Date: 2023-05-15</div>
						<div class="list-detail">Status: Processing</div>
					</li>
					<li class="mui-table-view-cell">
						<div class="list-title">Order #12346</div>
						<div class="list-detail">Date: 2023-05-16</div>
						<div class="list-detail">Status: Completed</div>
					</li> -->
				</ul>
			</div>
			<div id="page" style="padding-bottom: 5px; padding-top: 5px;" align="center"></div>

		</div>
		<div id="TypeIDs" style="display: none;"></div>
		<style>
			.mui-title {
				font-weight: bold;
				color: rgba(240, 248, 255, .99);
			}

			.mui-bar-transparent {
				background-color: rgba(47, 64, 86, .99);
			}

			/* Form styling */
			.mui-input-group {
				background-color: transparent;
				border: none;
				margin-top: 10px;
			}

			.mui-input-group:before,
			.mui-input-group:after {
				display: none;
			}

			#Query::after,
			#Query::before {
				display: none;
			}

			/* Button styling */
			#btn {
				border-radius: 10px;
				font-weight: bold;
				font-size: 18px;
				display: flex;
				justify-content: center;
				align-items: center;
				letter-spacing: 1px;
				background-color: rgba(0, 122, 255, 1);
				border: none;
				height: 36px;
				width: 30%;
				margin-left: 35%;
				margin-top: 0;
				padding: 0;
			}

			/* Label styling */
			label {
				font-weight: bold;
				color: rgba(51, 51, 51, 1);
			}

			/* Input placeholder styling */
			input::-webkit-input-placeholder {
				color: rgba(153, 153, 153, 1);
			}

			input::-moz-placeholder {
				color: rgba(153, 153, 153, 1);
			}

			input:-ms-input-placeholder {
				color: rgba(153, 153, 153, 1);
			}
		</style>

	</body>
</html>